<template>
  
</template>
<script setup lang="ts">
// 环境变量:在不同的运行环境下(开发dev,发布build)以变量存储的信息
// 在 vue 中 import.meta.env 对象上暴露环境变量,可以直接访问
// 但是不能进行动态修改赋值,设置额外环境变量时,需采用文件配置的形式

// 环境变量配置:
// 根目录下创建 .env.development/production 文件,在文件中添加环境变量
// 环境变量格式: VITE.NAME = value
// 在一个文件中可以添加多个环境变量
// 创建环境变量声明文件 env.d.ts 
// interface ImportMetaEnv {name:type} 为 import.meta.env 声明添加的环境变量类型

// 在发布环境下:直接运行 npm run build 命令会自动添加环境变量文件
// 在开发模式下,在 package.json 中修改 dev 命令为 vite --mode development 实现对环境变量文件的添加

// 在 vite.config.ts 中访问环境变量
// 修改 export default 默认导出为函数形式,参数为 {mode}:any 的解构形式,返回值为 defineConfig()
// 导入 loadEnv 函数,调用 loadEnv(mode,process.cwd()) 可以访问到添加的环境变量


console.log(JSON.stringify(import.meta.env))
</script>
<style scoped lang="less">

</style>
